<!DOCTYPE html>
<html>
<head>
    <title>联系我们</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords"
          content="Truck Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- bootstarp-css -->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <!--// bootstarp-css -->
    <!-- css -->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all"/>
    <!--// css -->
    <script src="js/jquery-1.11.1.min.js"></script>
    <!--fonts-->
    <link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600'
          rel='stylesheet' type='text/css'>
    <!--/fonts-->
    <link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
    <script src="js/wow.min.js"></script>
    <script>
        new WOW().init();
    </script>
    <!--start-smoth-scrolling-->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 900);
            });
        });
    </script>
    <!--start-smoth-scrolling-->

</head>
<body>
<!-- banner -->
<div id="home" class="banner a-banner">
    <!-- container -->
    <div class="container">
        <div class="header">
            <div class="head-logo">
                <a href="index.html"><img src="images/logo.png" alt=""/></a>
            </div>
            <div class="top-nav">
                <span class="menu"><img src="images/menu.png" alt=""></span>
                <ul class="nav1">
                    <li class="hvr-sweep-to-bottom"><a href="index.html">首页<i><img src="images/nav-but1.png"
                                                                                     alt=""/></i></a></li>
                    <li class="hvr-sweep-to-bottom"><a href="about.html">关于<i><img src="images/nav-but2.png"
                                                                                     alt=""/></i></a></li>
                    <li class="hvr-sweep-to-bottom"><a href="services.html">服务<i><img src="images/nav-but3.png"
                                                                                        alt=""/></i></a>
                    </li>
                    <li class="hvr-sweep-to-bottom"><a href="blog.html">产品中心<i><img src="images/nav-but4.png"
                                                                                        alt=""/></i></a>
                    </li>
                    <li class="hvr-sweep-to-bottom active"><a href="mail.html">联系我们<i><img src="images/nav-but5.png"
                                                                                               alt=""/></i></a></li>
                    <div class="clearfix"></div>
                </ul>
                <!-- script-for-menu -->
                <script>
                    $("span.menu").click(function () {
                        $("ul.nav1").slideToggle(300, function () {
                            // Animation complete.
                        });
                    });
                </script>
                <!-- /script-for-menu -->
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <!-- //container -->
</div>
<!-- //banner -->
<!-- mail -->
<div class="mail">
    <!-- container -->
    <div class="container">
        <div class="map footer-middle wow bounceIn animated" data-wow-delay="0.4s"
             style="visibility: visible; -webkit-animation-delay: 0.4s;">
            <div>
                <iframe width="100%" height="400"
                        src="https://cn.bing.com/maps/embed?h=400&w=900&cp=p39h07snzyf3&lvl=10&typ=d&sty=r&src=SHELL&FORM=MBEDV8">
                </iframe>
                <div style="white-space: nowrap; text-align: center; width: 900px; padding: 6px 0;">
                    <a id="largeMapLink" target="_blank"
                       href="https://cn.bing.com/maps?cp=p39h07snzyf3&amp;sty=r&amp;lvl=10&amp;FORM=MBEDLD">查看放大的地图</a>
                    &nbsp; | &nbsp;
                    <a id="dirMapLink" target="_blank"
                       href="https://cn.bing.com/maps/directions?cp=p39h07snzyf3&amp;sty=r&amp;lvl=10&amp;rtp=~pos.p39h07_snzyf3____&amp;FORM=MBEDLD">获取路线</a>
                </div>
            </div>
        </div>
        <div class="mail-grids">
            <div class="col-md-6 mail-grid-left wow fadeInLeft animated" data-wow-delay="0.4s"
                 style="visibility: visible; -webkit-animation-delay: 0.4s;">
                <h3>联系我们</h3>
                <!--                <h5>你可以发邮件联系我们</h5>-->
                <!--                <h4>Headquarters</h4>-->
                <!--                <p>123 T. Globel Place.-->
                <!--                    <span>CG 09-123</span>-->
                <!--                    Italy, Ba. 4567-->
                <!--                </p>-->
                <!--                <h4>Get In Touch</h4>-->
                <!--                <p>Telephone: +1 234 567 9871-->
                <!--                    <span>FAX: +1 234 567 9871</span>-->
                <!--                    E-mail: <a href="mailto:info@example.com">mail@example.com</a>-->
                <!--                </p>-->
            </div>
            <div class="col-md-6 contact-form wow fadeInRight animated" data-wow-delay="0.4s"
                 style="visibility: visible; -webkit-animation-delay: 0.4s;">
                <form>
                    <input type="text" placeholder="姓名" required="">
                    <input type="text" placeholder="邮箱" required="">
                    <input type="text" placeholder="主题" required="">
                    <textarea placeholder="消息内容" required=""></textarea>
                    <input type="submit" value="发送">
                </form>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <!-- //container -->
</div>
<!-- //mail -->
<!-- footer -->
<div class="footer">
    <!-- container -->
    <div class="container">
        <div class="col-md-6 footer-left  wow fadeInLeft animated" data-wow-delay="0.4s"
             style="visibility: visible; -webkit-animation-delay: 0.4s;">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于</a></li>
                <li><a href="services.html">服务</a></li>
                <li><a href="blog.html">产品中心</a></li>
                <li><a href="mail.html">联系我们</a></li>
            </ul>
            <form>
                <input type="text" placeholder="Email" required="">
                <input type="submit" value="订阅">
            </form>
        </div>
        <div class="col-md-3 footer-middle wow bounceIn animated" data-wow-delay="0.4s"
             style="visibility: visible; -webkit-animation-delay: 0.4s;">
            <h3>地址</h3>
            <div class="address">
                <p>中国四川省成都市双流区,
                    <span>双流东升街道双楠大道中段333号23栋506号.</span>
                </p>
            </div>
            <div class="phone">
                <p>85815868</p>
            </div>
        </div>
        <div class="col-md-3 footer-right  wow fadeInRight animated" data-wow-delay="0.4s"
             style="visibility: visible; -webkit-animation-delay: 0.4s;">
            <a href="#"><img src="images/logo.png" alt=""/></a>
            <p>Proin eget ipsum ultrices, aliquet velit eget, tempus tortor. Phasellus non velit sit amet diam faucibus
                molestie tincidunt efficitur nisi.</p>
        </div>
        <div class="clearfix"></div>
    </div>
    <!-- //container -->
</div>
<!-- //footer -->
<div class="copyright">
    <!-- container -->
    <div class="container">
        <div class="copyright-left wow fadeInLeft animated" data-wow-delay="0.4s"
             style="visibility: visible; -webkit-animation-delay: 0.4s;">
            <a target="_blank" href="https://beian.miit.gov.cn/" style="color: #fff;">
                ICP备案/许可证号: 蜀ICP备2023012799号-1
            </a>
        </div>
        <div class="copyright-right wow fadeInRight animated" data-wow-delay="0.4s"
             style="visibility: visible; -webkit-animation-delay: 0.4s;">
            <ul>
                <li><a href="#" class="twitter"> </a></li>
                <li><a href="#" class="twitter facebook"> </a></li>
                <li><a href="#" class="twitter chrome"> </a></li>
                <li><a href="#" class="twitter pinterest"> </a></li>
                <li><a href="#" class="twitter linkedin"> </a></li>
                <li><a href="#" class="twitter dribbble"> </a></li>
            </ul>
        </div>
        <div class="clearfix"></div>
        <script type="text/javascript">
            $(document).ready(function () {
                /*
                var defaults = {
                      containerID: 'toTop', // fading element id
                    containerHoverID: 'toTopHover', // fading element hover id
                    scrollSpeed: 1200,
                    easingType: 'linear'
                 };
                */

                $().UItoTop({easingType: 'easeOutQuart'});

            });
        </script>
        <a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover"
                                                                                 style="opacity: 1;"> </span></a>

    </div>
    <!-- //container -->
</div>
</body>
</html>
